import Vue from 'vue'
Vue.directive('imgerror', {
  // inserted当被绑定的元素插入到 DOM 中时,类似于组件mounted
  // binding 表示指令接收的数据
  inserted(el, binding) {
    // 如果图片地址最开始就为null,不会触发钩子函数update(就相当于null->null), 所以最开始也要判断是否为null
    if (!el.src) {
      el.src = binding.value
    }
    el.onerror = function() {
      this.src = binding.value
    }
  },
  // 当模板发生改变,触发这个方法
  update(el, binding) {
    if (!el.src) {
      el.src = binding.value
    }
  }
})
